<!--Order模态框-->
<div class="modal fade" data-backdrop="static" id="orderDetailModal">
    <div class="modal-dialog sm-width">
        <div class="modal-content hidden" id="orderInitContent">
            <div class="modal-header">
                <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <div class="modal-title"><span class="room"></span>(<span class="type"></span>)&nbsp;&nbsp;<span class="status text-info"></span><span class="refunding text-accent hidden">【Refund application】</span></div>
            </div>
            <div class="modal-body text-sm">
                <div class="order-tab btn-group">
                    <div class="col-xs-3 col-without-padding btn text-info active">Order details</div>
                    <div class="orderPrint col-xs-3 col-without-padding btn text-info">Print QR code</div>
                    <div class="orderRfcard col-xs-3 col-without-padding btn text-info ">Issue</div>
                    <div class="orderDetailRecord col-xs-3 col-without-padding btn-raised btn">Operation history</div>
                    <div class="shareCardRecord col-xs-3 col-without-padding btn-raised btn">Share Record</div>
                </div>
                <div class="row">
                    <div class="pull-left typo-text-black-light hidden" id="singleOrderInfoLeft">
                        <div><span class="iconfont icon-user"></span>&nbsp;<span class="username"></span>&nbsp;<span class="usermobile"></span></div>
                        <div>
                            <span class="iconfont icon-calendar"></span>&nbsp;<span class="text-primary"><span class="startdate"></span>&nbsp;C/I</span>&nbsp;live<span class="night"></span>nights&nbsp;<span class="text-primary"><span class="enddate"></span>&nbsp;C/O</span>
                        </div>
                    </div>
                    <div class="pull-left hidden" id="multipleOrderInfoLeft">Associated order:</div>
                    <div class="pull-right">
                        <div class="text-accent typo-headline">{$hotelDefaultSymbol}<span class="payment"></span></div>
                        <div class="typo-text-black-light">Amount received:{$hotelDefaultSymbol}<span class="receipt"></span></div>
                        <div class="typo-text-black-light depositContainer">Deposit:{$hotelDefaultSymbol}<span class="deposit"></span></div>
                        <div class="typo-text-black-light payParentSum">Retired amount:{$hotelDefaultSymbol}<span class="refundContainer"></span></div>
                        <div class="typo-text-black-light payParent">Retired deposit:{$hotelDefaultSymbol}<span class="refund-pay-Container"></span></div>
                        <div class="text-accent">Receivable:{$hotelDefaultSymbol}<span class="overdue"></span></div>
                    </div>
                    <div class="pull-right">
                        <div class="check-status hidden"></div>
                    </div>
                </div>
                <div id="initOrderDetail">
                </div>
                <div id="initOrderDetailPrint">
                </div>
                <div id="initOrderDetailPrintQRCode" class="hidden">
                </div>
                <div class="typo-text-black-light remarkContainer">Remark:
                    <div class="remark"></div>
                </div>
                <div class="form-group">
                    <button type="button" class="btn-primary btn-raised pull-right" id="btnPrintOrderInfo">PrintOrder</button>
                    <div class="help-block inline-help-block inline-help-block-right pull-right"></div>
                </div>
            </div>
            <div class="modal-footer">
                <div class="form-horizontal form-sm">
                    <div class="form-group">
                        <div class="col-xs-12">
                            <button type="button" class="typo-text-black-light btn-link pull-left" id="initCancel">Cancel order</button>
                            <button type="button" class="text-primary btn-link pull-left" id="initEdit">Change Order</button>
                            <button type="button" class="btn-primary btn-raised pull-right" id="initCheckIn">C/I</button>
                            <button type="button" class="btn-primary btn-raised pull-right" id="initCheckOut">C/O</button>
                            <div class="help-block inline-help-block inline-help-block-right pull-right"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        
        <!--Change Order的模板-->
        <div class="modal-content hidden" id="orderEditContent" data-role = {$adminAuthority['role']}>
            <div class="modal-header">
                <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <div class="modal-title">Change Order</div>
                <div class="dropdown editOrderChannelContainer">
                    <ul class="dropdown-menu dropdown-menu-left editOrderChannelMenu">
                        <volist name="hotelchannel" id="channel">
                            <if condition="$key eq 0">
                                <li data-value="{$channel.id}"><a href="javascript:void(0);">{$channel.name}</a></li>
                                <else/>
                                <li data-value="{$channel.id}"><a href="javascript:void(0);">{$channel.name}</a></li>
                            </if>
                        </volist>
                    </ul>
                    <a data-toggle="dropdown" class="without-min-width btn text-sm editOrderChannel" data-value="" href="javascript:void(0);">From&nbsp;<span class="info"></span>&nbsp;<span class="caret"></span></a>
                </div>
            </div>
            <div class="modal-body text-sm">
                <form class="form-horizontal form-sm">
                    <div class="form-group" id="editOrderRoom">
                    </div>
                    <div class="row text-right">
                        <div class="col-xs-12">
                            <div class="btn-sm btn-link" id="editOrderRoomAdd">Add person+</div>
                        </div>
                    </div>
                    <div class="form-group">
                        <table class="table text-sm addOrderTable">
                            <tbody id="editOrderReceive">
                            </tbody>
                        </table>
                    </div>
                    <div class="vertical-margin horizontal-padding-sm">Room rate:{$hotelDefaultSymbol}<span class="total"></span>&nbsp;&nbsp;&nbsp;&nbsp;Consumption:{$hotelDefaultSymbol}<span class="otherTotal"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="coupon-type"></span>&nbsp;&nbsp;<span class="request-money"></span></div>
                    <div class="vertical-margin horizontal-padding-sm">Total orders:{$hotelDefaultSymbol}<span class="order-total"></span>(Room rate,Consumption)&nbsp;&nbsp;<span class="privilege text-accent"></span>&nbsp;&nbsp;<span class="text-accent">Receivable:{$hotelDefaultSymbol}<span class="overdue"></span></span>
                    </div>
                    <div class="editOrderReceiveModule receiptAlerdy">Received:{$hotelDefaultSymbol}<span class="payReceipt"></span><span class="revenue-expenditure"><span class="caret"></span></span></span>
                        <div class="payStyle hidden">
                            <div class="content-panel-body">
                                <table class="table content-panel-table">
                                    <thead>
                                        <tr>
                                            <th>Payment channel</th>
                                            <th>Payment method</th>
                                            <th>Currency</th>
                                            <th>Money</th>
                                            <th>Operating</th>
                                        </tr>
                                    </thead>
                                    <tbody class="receiptAppend">
                                    </tbody>
                                </table>
                            </div>    
                        </div> 
                    </div>    
                    <div class="editOrderReceiveModule refundAlerdy">Retired:{$hotelDefaultSymbol}<span class="refundReceipt"></span><span class="revenue-expenditure"><span class="caret"></span></span></span>
                        <div class=" payStyle hidden">
                            <div class="content-panel-body">
                                <table class="table content-panel-table">
                                    <thead>
                                        <tr>
                                            <th>Payment channel</th>
                                            <th>Payment method</th>
                                            <th>Currency</th>
                                            <th>Money</th>
                                            <th>Operating</th>
                                        </tr>
                                    </thead>
                                    <tbody class="refundAppend">
                                    </tbody>
                                </table>
                            </div>    
                        </div>
                    </div>   
                    <div class="editOrderReceiveModule receiptAlerdyProject">Consumption:{$hotelDefaultSymbol}<span class="payReceiptProject"></span><span class="revenue-expenditure"><span class="caret"></span></span></span>
                        <div class="payStyle hidden">
                            <div class="content-panel-body">
                                <table class="table content-panel-table">
                                    <thead>
                                        <tr>
                                            <th>Payment channel</th>
                                            <th>Payment method</th>
                                            <th>Currency</th>
                                            <th>Money</th>
                                            <th>Operating</th>
                                        </tr>
                                    </thead>
                                    <tbody class="receiptAppendProject">
                                    </tbody>
                                </table>
                            </div>    
                        </div> 
                    </div>    
                    <div class="row text-right">
                        <div class="col-xs-12">
                            <div class="btn-sm btn-link" id="editOrderReceiveAdd">Add receipt+</div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-12">
                            <textarea class="form-control" data-tip-object="#editOrderConfirm" id="editOrderRemark" autocomplete="off" placeholder="Remark" maxlength='255'></textarea>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <div class="form-horizontal form-sm">
                    <div class="form-group">
                        <div class="col-xs-12">
                            <button type="button" class="btn-primary btn-raised pull-right" id="editOrderConfirm">Confirm the changes</button>
                            <div class="help-block inline-help-block inline-help-block-right pull-right"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        
        <!--C/I的模板-->
        <div class="modal-content hidden" id="orderCheckInContent" data-role = {$adminAuthority['role']}>
            <div class="modal-header">
                <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <div class="modal-title">C/I</div>
            </div>
            <div class="modal-body typo-text-black-light text-sm">
                <div id="checkInUsers">
                </div>
                <div class="vertical-margin horizontal-padding-sm">Order amount:{$hotelDefaultSymbol}<span class="total"></span>&nbsp;&nbsp;Amount received:{$hotelDefaultSymbol}<span class="receipt"></span>&nbsp;&nbsp;Deposit:{$hotelDefaultSymbol}<span class="deposit"></span>&nbsp;&nbsp;<span class="text-accent">Receivable:{$hotelDefaultSymbol}<span class="overdue"></span></span>
                </div>
                
                <form class="form-horizontal form-sm" id="checkInForm">
                    <div class="form-group">
                        <table class="table text-sm addOrderTable">
                            <tbody>
                                <tr class="addOrderReceiveTr">
                                    <td class="col-xs-3 col-without-padding">
                                        <div class="dropdown">
                                            <ul class="dropdown-menu dropdown-menu-left addOrderReceiveIsDepositMenu">
                                                <li class="active" data-value="0"><a href="javascript:void(0);">Receipt</a></li>
                                            </ul>
                                            <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderReceiveIsDeposit" data-value="0" href="javascript:void(0);"><span class="iconfont icon-cny"></span>&nbsp;<span class="info">Receipt</span></a>
                                        </div>
                                    </td>
                                    <td class="col-xs-3 col-without-padding">
                                        <div class="dropdown">
                                            <ul class="dropdown-menu dropdown-menu-left addOrderReceiveTypeMenu">
                                                <volist name="hotelpay" id="pay">
                                                    <if condition="$key eq 0">
                                                        <li class="active" data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                                                        <else/>
                                                        <li data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                                                    </if>
                                                </volist>
                                            </ul>
                                            <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderReceiveType" id='checkInReceiptPay' data-value="{$hotelpay[0]['id']}" href="javascript:void(0);"><span class="iconfont icon-tags"></span>&nbsp;<span class="info">{$hotelpay[0]['name']}</span></a>
                                        </div>
                                    </td>
                                    <td class="col-xs-3 col-without-padding">
                                        <div class="dropdown">
                                            <ul class="dropdown-menu dropdown-menu-left addMultiCurrencyMenu">
                                                <volist name="currencyInfo" id="currency">
                                                    <if condition="$currency['type'] eq 1">
                                                        <li class="active" data-value="{$currency.id}"><a href="javascript:void(0);">({$currency.standsymbol}) {$currency.name} . {$currency.symbol}</a></li>
                                                        <else/>
                                                        <li data-value="{$currency.id}"><a href="javascript:void(0);">({$currency.standsymbol}) {$currency.name} . {$currency.symbol}</a></li>
                                                    </if>
                                                </volist>
                                            </ul>
                                            <a data-toggle="dropdown" class="without-min-width btn text-sm addMultiCurrencyType" id='checkInReceiptCurrencyType' data-default="{$currencyDefaultInfo.id}" data-name="({$currencyDefaultInfo.standsymbol}) {$currencyDefaultInfo.name} . {$currencyDefaultInfo.symbol}" data-value="{$currencyDefaultInfo.id}" data-value="{$currencyDefaultInfo.id}" href="javascript:void(0);"><span class="info">({$currencyDefaultInfo.standsymbol}) {$currencyDefaultInfo.name} . {$currencyDefaultInfo.symbol}</span><span class="icon-dropdown"></span></a>
                                        </div>               
                                    </td>    
                                    <td class="col-xs-3 col-without-padding">
                                        <div class="has-icon-right">
                                            <input type="text" data-tip-object="#checkInConfirm" id='checkInReceipt' class="form-control addOrderReceive" autocomplete="off" placeholder="0.00" value="" />
                                        </div>
                                    </td>
                                </tr>
                                <tr class="addOrderReceiveTr">
                                    <td class="col-xs-3 col-without-padding">
                                        <div class="dropdown">
                                            <ul class="dropdown-menu dropdown-menu-left addOrderReceiveIsDepositMenu">
                                                <li class="active" data-value="0"><a href="javascript:void(0);">Deposit</a></li>
                                            </ul>
                                            <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderReceiveIsDeposit" data-value="0" href="javascript:void(0);"><span class="iconfont icon-cny"></span>&nbsp;<span class="info">Deposit</span></a>
                                        </div>
                                    </td>
                                    <td class="col-xs-3 col-without-padding">
                                        <div class="dropdown">
                                            <ul class="dropdown-menu dropdown-menu-left addOrderReceiveTypeMenu">
                                                <volist name="noCardhotelPayData" id="pay">
                                                    <if condition="$key eq 0">
                                                        <li class="active" data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                                                        <else/>
                                                        <li data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                                                    </if>
                                                </volist>
                                            </ul>
                                            <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderReceiveType" id='checkInDepositPay' data-value="{$hotelpay[0]['id']}" href="javascript:void(0);"><span class="iconfont icon-tags"></span>&nbsp;<span class="info">{$hotelpay[0]['name']}</span></a>
                                        </div>
                                    </td>
                                    <td class="col-xs-3 col-without-padding">
                                        <div class="dropdown">
                                            <ul class="dropdown-menu dropdown-menu-left addMultiCurrencyMenu">
                                                <volist name="currencyInfo" id="currency">
                                                    <if condition="$currency['type'] eq 1">
                                                        <li class="active" data-value="{$currency.id}"><a href="javascript:void(0);">({$currency.standsymbol}) {$currency.name} . {$currency.symbol}</a></li>
                                                        <else/>
                                                        <li data-value="{$currency.id}"><a href="javascript:void(0);">({$currency.standsymbol}) {$currency.name} . {$currency.symbol}</a></li>
                                                    </if>
                                                </volist>
                                            </ul>
                                            <a data-toggle="dropdown" class="without-min-width btn text-sm addMultiCurrencyType" id='checkInDepositCurrencyType' data-value="{$currencyDefaultInfo.id}" href="javascript:void(0);"><span class="info">({$currencyDefaultInfo.standsymbol}) {$currencyDefaultInfo.name} . {$currencyDefaultInfo.symbol}</span><span class="icon-dropdown"></span></a>
                                        </div>               
                                    </td>                                        
                                    <td class="col-xs-3 col-without-padding">
                                        <div class="has-icon-right">
                                            <input type="text" data-tip-object="#checkInConfirm" class="form-control addOrderReceive" id='checkInDeposit' autocomplete="off" placeholder="0.00" value="" />
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-12">
                            <textarea class="form-control" data-tip-object="#checkInConfirm" id="checkInRemark" autocomplete="off" placeholder="Remark" maxlength='255'></textarea>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <div class="form-horizontal form-sm">
                    <div class="form-group">
                        <div class="col-xs-12">
                            <button type="button" class="btn-primary btn-raised pull-right" id="checkInConfirm">Confirmation</button>
                            <div class="help-block inline-help-block inline-help-block-right pull-right"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        
        
        <!--C/O的模板-->
        <div class="modal-content hidden" id="orderCheckOutContent">
            <div class="modal-header">
                <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <div class="modal-title">C/O</div>
            </div>
            <div class="modal-body typo-text-black-light text-sm">
                <table id="checkoutRoomsTable" class="table table-with-checkbox">
                    <tbody id="checkoutRooms">
                    </tbody>
                </table>
                <div id="checkoutPayContainer">
                    <div class="vertical-margin">The collected details are as follows:</div>
                    <div id="checkoutPayRecord" class="vertical-margin">
                    </div>
                    <div class="vertical-margin">AlreadyRefund Schedule如下:</div>
                    <div id="checkoutRetreatRecord" class="vertical-margin">
                    </div>
                    <div class="vertical-margin">&nbsp;&nbsp;Amount received:{$hotelDefaultSymbol}<span class="receipt"></span>&nbsp;&nbsp;Retired amount:{$hotelDefaultSymbol}<span class="receipt-refund"></span>&nbsp;&nbsp;<span class="text-accent"><span class="retreat-list"></span>:{$hotelDefaultSymbol}<span class="retreat"></span></span>
                    </div>
                    <div class="vertical-margin"><span class="depositContainer">&nbsp;&nbsp;Deposit:{$hotelDefaultSymbol}<span class="deposit"></span>&nbsp;&nbsp;Retired deposit:{$hotelDefaultSymbol}<span class="deposit-refund"></span>&nbsp;&nbsp;<span class="text-accent">Need to pay a deposit:{$hotelDefaultSymbol}<span class="retreat-deposit"></span></span>
                        </span>
                    </div>
                </div>
                <div id="checkoutPayEmpty">
                    <div class="vertical-margin">This order<span class="text-accent">There is no payment</span>,Please pay attention to whether the need to add the amount of payment:</div>
                </div>
                <form class="form-horizontal form-sm" id="checkOutForm">
                    <div class="form-group">
                        <table class="table text-sm addOrderTable">
                            <tbody>
                                <tr class="addOrderReceiveTr">
                                    <td class="col-xs-3 col-without-padding">
                                        <div class="dropdown">
                                            <ul class="dropdown-menu dropdown-menu-left addOrderReceiveIsDepositMenu">
                                                <li class="active" data-value="1"><a href="javascript:void(0);">Refund</a></li>
                                                <li data-value="0"><a href="javascript:void(0);">Add receipt</a></li>
                                            </ul>
                                            <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderReceiveIsDeposit" id='checkOutReceiptType' data-value="1" href="javascript:void(0);"><span class="iconfont icon-cny"></span>&nbsp;<span class="info">Refund</span></a>
                                        </div>
                                    </td>
                                    <td class="col-xs-3 col-without-padding">
                                        <div class="dropdown">
                                            <ul class="dropdown-menu dropdown-menu-left addOrderReceiveTypeMenu">
                                                <volist name="noCardhotelPayData" id="pay">
                                                    <if condition="$key eq 0">
                                                        <li class="active" data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                                                        <else/>
                                                        <li data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                                                    </if>
                                                </volist>
                                            </ul>
                                            <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderReceiveType" id='checkOutReceiptPay' data-value="{$hotelpay[0]['id']}" href="javascript:void(0);"><span class="iconfont icon-tags"></span>&nbsp;<span class="info">{$hotelpay[0]['name']}</span></a>
                                        </div>
                                    </td>
                                    <td class="col-xs-3 col-without-padding">
                                        <div class="dropdown">
                                            <ul class="dropdown-menu dropdown-menu-left addMultiCurrencyMenu">
                                                <volist name="currencyInfo" id="currency">
                                                    <if condition="$currency['type'] eq 1">
                                                        <li class="active" data-value="{$currency.id}"><a href="javascript:void(0);">({$currency.standsymbol}) {$currency.name} . {$currency.symbol}</a></li>
                                                        <else/>
                                                        <li data-value="{$currency.id}"><a href="javascript:void(0);">({$currency.standsymbol}) {$currency.name} . {$currency.symbol}</a></li>
                                                    </if>
                                                </volist>
                                            </ul>
                                            <a data-toggle="dropdown" class="without-min-width btn text-sm addMultiCurrencyType" id='checkOutReceiptCurrencyType' data-value="{$currencyDefaultInfo.id}" href="javascript:void(0);"><span class="info">({$currencyDefaultInfo.standsymbol}) {$currencyDefaultInfo.name} . {$currencyDefaultInfo.symbol}</span><span class="icon-dropdown"></span></a>
                                        </div>               
                                    </td>                                        
                                    <td class="col-xs-3 col-without-padding">
                                        <div class="has-icon-right">
                                            <input type="text" data-tip-object="#checkoutConfirm" id='checkOutReceipt' class="form-control addOrderReceive" autocomplete="off" placeholder="0.00" value="" />
                                        </div>
                                    </td>
                                </tr>
                                <tr class="addOrderReceiveTr" id="checkoutRefoundDeposit">
                                    <td class="col-xs-3 col-without-padding">
                                        <div class="dropdown">
                                            <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderReceiveIsDeposit" data-value="0" href="javascript:void(0);"><span class="iconfont icon-cny"></span>&nbsp;<span class="info">The deposit</span></a>
                                        </div>
                                    </td>
                                    <td class="col-xs-3 col-without-padding">
                                        <div class="dropdown">
                                            <ul class="dropdown-menu dropdown-menu-left addOrderReceiveTypeMenu">
                                                <volist name="noCardhotelPayData" id="pay">
                                                    <if condition="$key eq 0">
                                                        <li class="active" data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                                                        <else/>
                                                        <li data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                                                    </if>
                                                </volist>
                                            </ul>
                                            <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderReceiveType" id='checkOutDepositPay' data-value="{$hotelpay[0]['id']}" href="javascript:void(0);"><span class="iconfont icon-tags"></span>&nbsp;<span class="info">{$hotelpay[0]['name']}</span></a>
                                        </div>
                                    </td>                                    
                                    <td class="col-xs-3 col-without-padding">
                                        <div class="dropdown">
                                            <ul class="dropdown-menu dropdown-menu-left addMultiCurrencyMenu">
                                                <volist name="currencyInfo" id="currency">
                                                    <if condition="$currency['type'] eq 1">
                                                        <li class="active" data-value="{$currency.id}"><a href="javascript:void(0);">({$currency.standsymbol}) {$currency.name} . {$currency.symbol}</a></li>
                                                        <else/>
                                                        <li data-value="{$currency.id}"><a href="javascript:void(0);">({$currency.standsymbol}) {$currency.name} . {$currency.symbol}</a></li>
                                                    </if>
                                                </volist>
                                            </ul>
                                            <a data-toggle="dropdown" class="without-min-width btn text-sm addMultiCurrencyType" id='checkOutDepositCurrencyType' data-value="{$currencyDefaultInfo.id}" href="javascript:void(0);"><span class="info">({$currencyDefaultInfo.standsymbol}) {$currencyDefaultInfo.name} . {$currencyDefaultInfo.symbol}</span><span class="icon-dropdown"></span></a>
                                        </div>               
                                    </td>    
                                    <td class="col-xs-3 col-without-padding">
                                        <div class="has-icon-right">
                                            <input type="text" data-tip-object="#checkoutConfirm" class="form-control addOrderReceive" id='checkOutDeposit' autocomplete="off" placeholder="0.00" value=" "/>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-12">
                            <textarea class="form-control" data-tip-object="#checkoutConfirm" id="checkOutRemark" autocomplete="off" placeholder="Remark" maxlength='255'></textarea>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <div class="form-horizontal form-sm">
                    <div class="form-group">
                        <div class="col-xs-12">
                            <button type="button" class="btn-primary btn-raised pull-right" id="checkoutConfirm">Confirmation</button>
                            <div class="help-block inline-help-block inline-help-block-right pull-right"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        
        <!--Cancel order的模板-->
        <div class="modal-content hidden" id="orderCancelContent">
            <div class="modal-header">
                <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <div class="modal-title">Cancel order</div>
            </div>
            <div class="modal-body typo-text-black-light text-sm">
                <div id="cancelOrderRooms">
                    <div class="order-actual-info row">
                        <div class="col-xs-5 col-without-padding"><span class="iconfont icon-user"></span>&nbsp;<span class="username"></span>&nbsp;&nbsp;<span class="room"></span>(<span class="type"></span>)</div>
                        <div class="col-xs-5 col-without-padding cancelOrderNight"><span class="text-primary"><span class="startdate"></span>&nbsp;C/I</span>&nbsp;Live<span class="night"></span>nights&nbsp;<span class="text-accent"><span class="enddate"></span>&nbsp;C/O</span>
                        </div>
                        <div class="col-xs-5 col-without-padding cancelOrderHour hidden"><span class="text-primary"><span class="startdate"></span>&nbsp;C/I</span>&nbsp;<span class="hour"></span> hours</span>
                        </div>
                        <div class="col-xs-5 col-without-padding cancelOrderLong"><span class="text-primary"><span class="startdate"></span>&nbsp;C/I</span>&nbsp;Live<span class="night"></span>nights&nbsp;<span class="text-accent"><span class="enddate"></span>&nbsp;C/O</span>
                        </div>
                        <div class="col-xs-2 col-without-padding">{$hotelDefaultSymbol}<span class="pay"></span></div>
                    </div>
                </div>
                <div id="cancelOrderPayContainer">
                    <div class="vertical-margin">The collected details are as follows:</div>
                    <div id="payRecord" class="vertical-margin">
                    </div>
                    <div class="vertical-margin">Refunds (no deposit,no consumption):{$hotelDefaultSymbol}<span class="refund"></span>&nbsp;&nbsp;Need to pay a deposit:{$hotelDefaultSymbol}<span class="record"></span>&nbsp;&nbsp;<span id="relation-refund-tip" class="text-accent">Please carefully calculate the required refunds for the associated orders</span></div>
                </div>
                <div id="cancelOrderPayEmpty">
                    <div class="vertical-margin">This order<span class="text-accent">There is no payment</span>,Please pay attention to whether the need to add the amount of payment:</div>
                </div>
                <form class="form-horizontal form-sm" id="cancelOrderForm">
                    <div class="form-group">
                        <table class="table text-sm addOrderTable">
                            <tbody>
                                <tr class="addOrderReceiveTr">
                                    <td class="col-xs-3 col-without-padding">
                                        <div class="dropdown">
                                            <ul class="dropdown-menu dropdown-menu-left addOrderReceiveIsDepositMenu">
                                                <li class="active" data-value="1"><a href="javascript:void(0);">Refund</a></li>
                                                <li data-value="0"><a href="javascript:void(0);">Receipt</a></li>
                                            </ul>
                                            <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderReceiveIsDeposit" id='cancelReceiptType' data-value="1" href="javascript:void(0);"><span class="iconfont icon-cny"></span>&nbsp;<span class="info">Refund</span></a>
                                        </div>
                                    </td>
                                    <td class="col-xs-3 col-without-padding">
                                        <div class="dropdown">
                                            <ul class="dropdown-menu dropdown-menu-left addOrderReceiveTypeMenu">
                                                <volist name="noCardhotelPayData" id="pay">
                                                    <if condition="$key eq 0">
                                                        <li class="active" data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                                                        <else/>
                                                        <li data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                                                    </if>
                                                </volist>
                                            </ul>
                                            <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderReceiveType" data-value="{$hotelpay[0]['id']}" id='cancelReceiptPay' href="javascript:void(0);"><span class="iconfont icon-tags"></span>&nbsp;<span class="info">{$hotelpay[0]['name']}</span></a>
                                        </div>
                                    </td>                                    
                                    <td class="col-xs-3 col-without-padding">
                                        <div class="dropdown">
                                            <ul class="dropdown-menu dropdown-menu-left addMultiCurrencyMenu">
                                                <volist name="currencyInfo" id="currency">
                                                    <if condition="$currency['type'] eq 1">
                                                        <li class="active" data-value="{$currency.id}"><a href="javascript:void(0);">({$currency.standsymbol}) {$currency.name} . {$currency.symbol}</a></li>
                                                        <else/>
                                                        <li data-value="{$currency.id}"><a href="javascript:void(0);">({$currency.standsymbol}) {$currency.name} . {$currency.symbol}</a></li>
                                                    </if>
                                                </volist>
                                            </ul>
                                            <a data-toggle="dropdown" class="without-min-width btn text-sm addMultiCurrencyType" id='cancelReceiptCurrencyType' data-value="{$currencyDefaultInfo.id}" href="javascript:void(0);"><span class="info">({$currencyDefaultInfo.standsymbol}) {$currencyDefaultInfo.name} . {$currencyDefaultInfo.symbol}</span><span class="icon-dropdown"></span></a>
                                        </div>               
                                    </td>    
                                    <td class="col-xs-3 col-without-padding">
                                        <div class="has-icon-right">
                                            <input type="text" data-tip-object="#cancelOrderConfirm" class="form-control addOrderReceive" id='cancelReceipt' autocomplete="off" placeholder="0.00" value="" />
                                        </div>
                                    </td>
                                </tr>
                                <tr class="addOrderReceiveTr" id="cancelOrderRefoundDeposit">
                                    <td class="col-xs-3 col-without-padding">
                                        <div class="dropdown">
                                            <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderReceiveIsDeposit" data-value="0" href="javascript:void(0);"><span class="iconfont icon-cny"></span>&nbsp;<span class="info">The deposit</span></a>
                                        </div>
                                    </td>
                                    <td class="col-xs-3 col-without-padding">
                                        <div class="dropdown">
                                            <ul class="dropdown-menu dropdown-menu-left addOrderReceiveTypeMenu">
                                                <volist name="noCardhotelPayData" id="pay">
                                                    <if condition="$key eq 0">
                                                        <li class="active" data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                                                        <else/>
                                                        <li data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                                                    </if>
                                                </volist>
                                            </ul>
                                            <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderReceiveType" data-value="{$hotelpay[0]['id']}" id='cancelDepositPay' href="javascript:void(0);"><span class="iconfont icon-tags"></span>&nbsp;<span class="info">{$hotelpay[0]['name']}</span></a>
                                        </div>
                                    </td>                                    
                                    <td class="col-xs-3 col-without-padding">
                                        <div class="dropdown">
                                            <ul class="dropdown-menu dropdown-menu-left addMultiCurrencyMenu">
                                                <volist name="currencyInfo" id="currency">
                                                    <if condition="$currency['type'] eq 1">
                                                        <li class="active" data-value="{$currency.id}"><a href="javascript:void(0);">({$currency.standsymbol}) {$currency.name} . {$currency.symbol}</a></li>
                                                        <else/>
                                                        <li data-value="{$currency.id}"><a href="javascript:void(0);">({$currency.standsymbol}) {$currency.name} . {$currency.symbol}</a></li>
                                                    </if>
                                                </volist>
                                            </ul>
                                            <a data-toggle="dropdown" class="without-min-width btn text-sm addMultiCurrencyType" id='cancelDepositCurrencyType' data-value="{$currencyDefaultInfo.id}" href="javascript:void(0);"><span class="info">({$currencyDefaultInfo.standsymbol}) {$currencyDefaultInfo.name} . {$currencyDefaultInfo.symbol}</span><span class="icon-dropdown"></span></a>
                                        </div>               
                                    </td>    
                                    <td class="col-xs-3 col-without-padding">
                                        <div class="has-icon-right">
                                            <input type="text" data-tip-object="#cancelOrderConfirm" class="form-control addOrderReceive" id='cancelDeposit' autocomplete="off" placeholder="0.00" value="" />
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-12">
                            <textarea class="form-control" data-tip-object="#cancelOrderConfirm" id="cancelOrderRemark" autocomplete="off" placeholder="Remark" maxlength='255'></textarea>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <div class="form-horizontal form-sm">
                    <div class="form-group">
                        <div class="col-xs-12">
                            <button type="button" class="btn-primary btn-raised pull-right" id="cancelOrderConfirm">Confirm cancel</button>
                            <div class="help-block inline-help-block inline-help-block-right pull-right"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        
        <!--Operation history的模板-->
        <div class="modal-content hidden" id="orderHistoryContent">
            <div class="modal-header">
                <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <div class="modal-title">Operation history</div>
            </div>
            <div class="modal-body typo-text-black-light text-sm">
                <div class="order-tab btn-group">
                    <div class="orderDetailRecordReturn col-xs-3 col-without-padding btn-raised btn">Order details</div>
                    <div class="orderPrint col-xs-3 col-without-padding btn text-info">Print QR code</div>
                    <div class="orderRfcard col-xs-3 col-without-padding btn text-info">Issue</div>
                    <div class="col-xs-3 col-without-padding btn text-info active">Operation history</div>
                    <div class="shareCardRecord col-xs-3 col-without-padding btn-raised btn">Share Record</div>
                </div>
                <div id="orderRecordContainer">
                </div>
            </div>
        </div>
        
        
        <!--PrintRoom card的模板-->
        <div class="modal-content hidden" id="orderPrintContent">
            <div class="modal-header">
                <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <div class="modal-title">Print QR code</div>
            </div>
            <div class="modal-body typo-text-black-light text-sm">
                <div class="order-tab btn-group">
                    <div class="orderDetailRecordReturn col-xs-3 col-without-padding btn-raised btn">Order details</div>
                    <div class="col-xs-3 col-without-padding btn text-info active">Print QR code</div>
                    <div class="orderRfcard col-xs-3 col-without-padding btn text-info">Issue</div>
                    <div class="orderDetailRecord col-xs-3 col-without-padding btn-raised btn">Operation history</div>
                    <div class="shareCardRecord col-xs-3 col-without-padding btn-raised btn">Share Record</div>
                </div>
                <div id="orderPrintContainer">
                </div>
                <div id="orderPrintAllContainer" class="row">
                    <div class="col-xs-3 col-xs-offset-9 text-right">Select all
                        <label class="checkbox ulite-js-checkbox ulite-js-ripple-effect printAllCheckbox">
                            <input type="checkbox" class="checkbox-input checkbox-printAll" />
                            <span class="checkbox-label"></span>
                        </label>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <div class="form-horizontal form-sm">
                    <div class="form-group">
                        <div class="col-xs-12">
                            <button type="button" class="btn-primary btn-raised pull-right" id="submitPrint">Print</button>
                            <div class="help-block inline-help-block inline-help-block-right pull-right"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
            
        <!--PrintRoom card的模板-->
        <div class="modal-content hidden" id="shareCardContent">
            <div class="modal-header">
                <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <div class="modal-title">Share Record</div>
            </div>
            <div class="modal-body typo-text-black-light text-sm">
                <div class="order-tab btn-group">
                    <div class="orderDetailRecordReturn col-xs-3 col-without-padding btn-raised btn">Order details</div>
                    <div class="orderPrint col-without-padding btn text-info">Print QR code</div>
                    <div class="orderRfcard col-xs-3 col-without-padding btn text-info">Issue</div>
                    <div class="orderDetailRecord col-xs-3 col-without-padding btn-raised btn">Operation history</div>
                    <div class="col-xs-3 col-without-padding btn-raised btn active">Share Record</div>
                </div>
                <div id="shareCardContainer">
                </div>
            </div>
        </div>

        <!--PrintRF卡的模板-->
        <div class="modal-content hidden" id="orderQRContent">
            <div class="modal-header">
                <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <div class="modal-title">Issue</div>
            </div>
            <div class="modal-body typo-text-black-light text-sm">
                <div class="order-tab btn-group">
                    <div class="orderDetailRecordReturn col-xs-3 col-without-padding btn-raised btn">Order details</div>
                    <div class="orderPrint col-xs-3 col-without-padding btn text-info">Print QR code</div>
                    <div class="col-xs-3 col-without-padding btn text-info active">Issue</div>
                    <div class="orderDetailRecord col-xs-3 col-without-padding btn-raised btn">Operation history</div>
                    <div class="shareCardRecord col-xs-3 col-without-padding btn-raised btn">Share Record</div>
                </div>
                <div class="warm-prompt">After the loss of the RF card, all RF cards in the room will be invalidated！</div>
                <div id="orderRfContainer"></div>
            </div>
        </div>
        
    </div>
</div>

<!--蓝牙选设备-->
<div class="modal fade in" id="selectDevice">
    <div class="modal-dialog modal-confirm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="btn close" data-dismiss="modal">
                    <span>×</span>
                </button>
                <h4 class="modal-title">Prompt</h4>
            </div>
            <div class="modal-body">
				<form class="form-horizontal form-sm">   
                    <div class="form-group">
                        <label class="col-xs-3 control-label" for="issueMac"><span class="text-accent">*</span>Select Device:</label>
                        <div class="col-xs-7">
                            <select class="form-control" id="issueMac">
                            </select>
                        </div>
                    </div>  
                    <div class="form-group has-error">
                        <label class="col-xs-3"></label>
                        <label class="col-xs-9 warm-prompt" id="resultInfo"></label>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn-primary ulite-js-ripple-effect ulite-js-btn btn-raised" id="submitSelectDevice">OK</button>
            </div>
        </div>
    </div>
</div>
<!--js要用到的模板-->
<script type="text/html" id="templatePrintOrder">
    <div class="printOrder">
        <div class="row">
            <div class="col-xs-3 printRoomInfo"><span class="iconfont icon-home"></span>&nbsp;<span class="info"></span></div>
            <div class="col-xs-6 text-center">
                <span class="iconfont icon-calendar"></span>&nbsp;<span class="text-primary"><span class="startdate"></span>&nbsp;C/I</span>&nbsp;live<span class="night"></span>&nbsp;<span class="text-primary"><span class="enddate"></span>&nbsp;C/O</span>
            </div>
            <div class="col-xs-3"><div class="text-info lostPrint pull-right">Report the loss</div></div>
        </div>
    </div>
</script>


<script type="text/html" id="templatePrintUser">
    <div class="row">
        <div class="col-xs-3 printUserInfo"><span class="iconfont icon-user"></span>&nbsp;<span class="username"></span>&nbsp;<span class="usermobile"></span></div>
        <div class="col-xs-6 text-center">Number of prints(<span class="printCount"></span>)</div>
        <div class="col-xs-3 text-right">
            Whether to print
            <label class="checkbox ulite-js-checkbox ulite-js-ripple-effect printCheckbox">
                <input type="checkbox" class="checkbox-input checkbox-print" />
                <span class="checkbox-label"></span>
            </label>
        </div>
    </div>
</script>

<!--Issue-->
<script type="text/html" id="templateRfOrder">
    <div class="RfOrder">
        <div class="row">
            <div class="col-xs-3 printRoomInfo"><span class="iconfont icon-home"></span>&nbsp;<span class="info"></span></div>
            <div class="col-xs-6 text-center">
                <span class="iconfont icon-calendar"></span>&nbsp;<span class="text-primary"><span class="startdate"></span>&nbsp;C/I</span>&nbsp;live<span class="night"></span>&nbsp;<span class="text-primary"><span class="enddate"></span>&nbsp;C/O</span>
            </div>
        </div>
    </div>
</script>
<script type="text/html" id="templateRfUser">
    <div class="row">
        <div class="col-xs-4 printUserInfo"><span class="iconfont icon-user"></span>&nbsp;<span class="username"></span>&nbsp;<span class="usermobile"></span></div>
        <div class="col-xs-4 text-center">Number of times of issue(<span class="printCount"></span>)</div>
        <div class="col-xs-4">
            <div class="text-info pull-left printRfCard">Issue</div>
            <div class="text-info pull-right text-right lostRf" >Reported</div>
        </div>
    </div>
</script>
<!--Change Order中的Add to live-->
<script type="text/html" id="templateEditOrderUser">
    <tr class="addOrderUserTr">
        <td>
            <input type="text" data-tip-object="#editOrderConfirm" class="form-control orderUserName" maxlength="20" autocomplete="off" placeholder="C/I name" value="" />
            <span class="iconfont icon-minus userRemove"></span>
        </td>
        <td>
            <include file="en_us:Public:Include_area_code" style=''  />
            <input type="text" data-tip-object="#editOrderConfirm" class="form-control orderUserMobile paddingArea" maxlength="11" autocomplete="off" placeholder="Phone number" value="" />
        </td>
        <td colspan="2">
            <input type="text" data-tip-object="#editOrderConfirm" class="form-control orderUserID" maxlength="18" autocomplete="off" placeholder="Guest ID" value="" />
            <div class="idcard-change-authentication change-authentication"></div>
        </td>
    </tr>
</script>
<!--ModifyHour roomOrder中的Add to live-->
<script type="text/html" id="templateEditOrderHourUser">
    <tr class="addOrderHourUserTr">
        <td>
            <input type="text" data-tip-object="#editOrderConfirm" class="form-control orderHourUserName" maxlength="20" autocomplete="off" placeholder="C/I name" value="" />
            <span class="iconfont icon-minus userHourRemove"></span>
        </td>
        <td>
            <include file="en_us:Public:Include_area_code" style=''  />
            <input type="text" data-tip-object="#editOrderConfirm" class="form-control orderHourUserMobile paddingArea" maxlength="11" autocomplete="off" placeholder="Phone number" value="" />
        </td>
        <td colspan="2">
            <input type="text" data-tip-object="#editOrderConfirm" class="form-control orderHourUserID" maxlength="18" autocomplete="off" placeholder="Guest ID" value="" />
            <div class="idcard-change-authentication change-authentication"></div>
        </td>
    </tr>
</script>
<!--ModifyLong rental roomOrder中的Add to live-->
<script type="text/html" id="templateEditOrderLongUser">
    <tr class="addOrderLongUserTr">
        <td>
            <input type="text" data-tip-object="#editOrderConfirm" class="form-control orderLongUserName" maxlength="20" autocomplete="off" placeholder="C/I name" value="" />
            <span class="iconfont icon-minus userLongRemove"></span>
        </td>
        <td>
            <include file="en_us:Public:Include_area_code" style=''  />
            <input type="text" data-tip-object="#editOrderConfirm" class="form-control orderLongUserMobile paddingArea" maxlength="11" autocomplete="off" placeholder="Phone number" value="" />
        </td>
        <td colspan="2">
            <input type="text" data-tip-object="#editOrderConfirm" class="form-control orderLongUserID" maxlength="18" autocomplete="off" placeholder="Guest ID" value="" />
            <div class="idcard-change-authentication change-authentication"></div>
        </td>
    </tr>
</script>



<script type="text/html" id="templateOrderRecord">
    <div class="order-record row">
        <div class="col-xs-2">
            <div class="date"></div>
            <div class="time"></div>
        </div>
        <div class="col-xs-9 order-record-detail">
            <div class="order-record-header row">
                <div class="pull-left">Operate on　<span class="from"></span></div>
                <div class="pull-right text-info by"></div>
                <div class="glyphicon glyphicon-grain"></div>
            </div>
            <div class="order-record-content">
            </div>
        </div>
    </div>
</script>

<script type="text/html" id="templateShareRecord">
    <div class="order-record row">
        <div class="col-xs-2">
            <div class="date"></div>
            <div class="time"></div>
        </div>
        <div class="col-xs-9 order-record-detail">
            <div class="order-record-header row">
                <div class="pull-left">Operate on　<span class="from"></span></div>
                <div class="pull-right text-info by"></div>
                <div class="glyphicon glyphicon-grain"></div>
            </div>
            <div class="share-record-content">
            </div>
        </div>
    </div>
</script>



<script type="text/html" id="templateCheckoutOrderRoom">
    <tr>
        <td class="col-xs-5 col-without-padding">
            <div>
                <label class="checkbox ulite-js-checkbox">
                    <input type="checkbox" class="checkbox-input checkbox-checkout-room" />
                </label>
                <span class="iconfont icon-user"></span>&nbsp;<span class="username"></span>&nbsp;&nbsp;<span class="room"></span>(<span class="type"></span>)</div>
        </td>
        <td class="col-xs-5 col-without-padding checkoutOrderNight hidden"><span class="text-primary"><span class="startdate"></span>&nbsp;C/I</span>&nbsp;Live<span class="night"></span>nights&nbsp;<span class="text-accent"><span class="enddate"></span>&nbsp;C/O</span>
        </td>
        <td class="col-xs-5 col-without-padding checkoutOrderHour hidden"><span class="text-primary"><span class="startdate"></span>&nbsp;C/I</span>&nbsp;&nbsp;Live<span class="hour"></span> hours</span>
        </td>   
        <td class="col-xs-5 col-without-padding checkoutOrderLong hidden"><span class="text-primary"><span class="startdate"></span>&nbsp;C/I</span>&nbsp;Live<span class="long"></span>nights&nbsp;<span class="text-accent"><span class="enddate"></span>&nbsp;C/O</span>
        </td>
        <td class="col-xs-2 col-without-padding">{$hotelDefaultSymbol}<span class="pay"></span></td>
    </tr>
</script>
<script type="text/html" id="templateEditOrderRoom">
    <table class="table text-sm addOrderTable addOrderTableRoom">
        <tbody>
            <tr class="addOrderRoomTr">
                <td class="col-xs-4 col-without-padding">
                    <div class="dropdown">
                        <ul class="dropdown-menu dropdown-menu-left editOrderRoomCheckInMenu">
                        </ul>
                        <a data-toggle="dropdown" class="without-min-width btn text-sm editOrderRoomCheckIn" data-value="" href="javascript:void(0);"><span class="iconfont icon-calendar"></span>&nbsp;<span class="info"></span>&nbsp;C/I</a>
                    </div>
                </td>
                <td class="col-xs-4 col-without-padding">
                    <div id="room-switch" class="dropdown">
                        <ul class="dropdown-menu dropdown-menu-left editOrderRoomIdMenu">
                            <volist name="rooms" id="roomType">
                                    <volist name="roomType['room']" id="room">
                                        <li data-value="{$room.id}"><a href="javascript:void(0);">{$room.name}</a></li>
                                    </volist>
                            </volist>
                        </ul>
                        <a data-toggle="dropdown" class="without-min-width btn text-sm editOrderRoomId" data-value="{$rooms[0]['room'][0]['id']}" href="javascript:void(0);"><span class="iconfont icon-home"></span>&nbsp;<span class="info">{$rooms[0]['room'][0]['name']}</span></a>
                    </div>
                </td>
                <td id="nights" class="col-xs-2 col-without-padding">
                    <div class="dropdown  nights">
                        <ul class="dropdown-menu dropdown-menu-left editOrderRoomNightMenu">
                            <li data-value="1" class="active"><a href="javascript:void(0);">1nights</a></li>
                            <li data-value="2"><a href="javascript:void(0);">2nights</a></li>
                            <li data-value="3"><a href="javascript:void(0);">3nights</a></li>
                            <li data-value="4"><a href="javascript:void(0);">4nights</a></li>
                            <li data-value="5"><a href="javascript:void(0);">5nights</a></li>
                            <li data-value="6"><a href="javascript:void(0);">6nights</a></li>
                            <li data-value="7"><a href="javascript:void(0);">7nights</a></li>
                            <li data-value="8"><a href="javascript:void(0);">8nights</a></li>
                            <li data-value="9"><a href="javascript:void(0);">9nights</a></li>
                            <li data-value="10"><a href="javascript:void(0);">10nights</a></li>
                            <li data-value="11"><a href="javascript:void(0);">11nights</a></li>
                            <li data-value="12"><a href="javascript:void(0);">12nights</a></li>
                            <li data-value="13"><a href="javascript:void(0);">13nights</a></li>
                            <li data-value="14"><a href="javascript:void(0);">14nights</a></li>
                            <li data-value="15"><a href="javascript:void(0);">15nights</a></li>
                            <li data-value="16"><a href="javascript:void(0);">16nights</a></li>
                            <li data-value="17"><a href="javascript:void(0);">17nights</a></li>
                            <li data-value="18"><a href="javascript:void(0);">18nights</a></li>
                            <li data-value="19"><a href="javascript:void(0);">19nights</a></li>
                            <li data-value="20"><a href="javascript:void(0);">20nights</a></li>
                            <li data-value="21"><a href="javascript:void(0);">21nights</a></li>
                            <li data-value="22"><a href="javascript:void(0);">22nights</a></li>
                            <li data-value="23"><a href="javascript:void(0);">23nights</a></li>
                            <li data-value="24"><a href="javascript:void(0);">24nights</a></li>
                            <li data-value="25"><a href="javascript:void(0);">25nights</a></li>
                            <li data-value="26"><a href="javascript:void(0);">26nights</a></li>
                            <li data-value="27"><a href="javascript:void(0);">27nights</a></li>
                            <li data-value="28"><a href="javascript:void(0);">28nights</a></li>
                            <li data-value="29"><a href="javascript:void(0);">29nights</a></li>
                            <li data-value="30"><a href="javascript:void(0);">30nights</a></li>
                        </ul>
                        <a data-toggle="dropdown" class="without-min-width btn text-sm editOrderRoomNight" data-value="1" href="javascript:void(0);"><span class="iconfont icon-time"></span>&nbsp;<span class="realLive"></span><span class="info">1nights</span></a>
                    </div>
                </td>
                <td class="col-xs-4 col-without-padding">
                    <div class="has-icon-right">
                        <input type="text" data-tip-object="#editOrderConfirm" class="form-control addOrderPrice" autocomplete="off" placeholder="{$hotelDefaultSymbol}0.00" value="" />
                        <span class="iconfont icon-minus priceRemove"></span>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</script>

<script type="text/html" id="templateEditOrderReceive">
    <tr class="addOrderReceiveTr">
        <td class="col-xs-3 col-without-padding">
            <div class="dropdown">
                <ul class="dropdown-menu dropdown-menu-left addOrderReceiveIsDepositMenu">
                    <li class="active" data-value="0"><a href="javascript:void(0);">Add receipt</a></li>
                    <li data-value="1"><a href="javascript:void(0);">Add a deposit</a></li>
                    <li class="other-expense-btn"><a data-value="10" href="javascript:void(0);">Consumption</a>
                        <div class="other-expense-content hidden">
                            <volist name="otherCost" id="cost">
                                <if condition="$i eq 1">
                                    <div class="list active" data-cost="{$cost.id}">{$cost.name}</div>
                                    <else/>
                                    <div class="list" data-cost="{$cost.id}">{$cost.name}</div>
                                </if>
                            </volist>
                        </div>
                    </li>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderReceiveIsDeposit" data-value="0" href="javascript:void(0);"><span class="iconfont icon-cny"></span>&nbsp;<span class="info">Add receipt</span></a>
            </div>
        </td>
        <td class="col-xs-3 col-without-padding">
            <div class="dropdown">
                <ul class="dropdown-menu dropdown-menu-left addOrderReceiveTypeMenu">
                    <volist name="hotelpay" id="pay">
                        <if condition="$key eq 0">
                            <li class="active" data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                            <else/>
                            <li data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                        </if>
                    </volist>
                    <li class="order-agency-receipt hidden" data-value="0"><a href="javascript:void(0);">Receivable</a></li>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderReceiveType" data-value="{$hotelpay[0]['id']}" href="javascript:void(0);"><span class="iconfont icon-tags"></span>&nbsp;<span class="info">{$hotelpay[0]['name']}</span></a>
            </div>
        </td>
        <td class="col-xs-3 col-without-padding">
            <div class="dropdown">
                <ul class="dropdown-menu dropdown-menu-left addMultiCurrencyMenu">
                    <volist name="currencyInfo" id="currency">
                        <if condition="$currency['type'] eq 1">
                            <li class="active" data-value="{$currency.id}"><a href="javascript:void(0);">({$currency.standsymbol}) {$currency.name} . {$currency.symbol}</a></li>
                            <else/>
                            <li data-value="{$currency.id}"><a href="javascript:void(0);">({$currency.standsymbol}) {$currency.name} . {$currency.symbol}</a></li>
                        </if>
                    </volist>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addMultiCurrencyType" data-default="{$currencyDefaultInfo.id}" data-name="({$currencyDefaultInfo.standsymbol}) {$currencyDefaultInfo.name} . {$currencyDefaultInfo.symbol}" data-value="{$currencyDefaultInfo.id}" data-value="{$currencyDefaultInfo.id}" href="javascript:void(0);"><span class="info">({$currencyDefaultInfo.standsymbol}) {$currencyDefaultInfo.name} . {$currencyDefaultInfo.symbol}</span><span class="icon-dropdown"></span></a>
            </div>               
        </td>            
        <td class="col-xs-3 col-without-padding">
            <div class="has-icon-right">
                <input type="text" data-tip-object="#editOrderConfirm" class="form-control addOrderReceive" autocomplete="off" placeholder="0.00" value="" />
                <span class="iconfont icon-minus receiveRemove"></span>
            </div>
        </td>
    </tr>
</script>
<script type="text/html" id="templateHourEditOrderRoom">
    <table class="table text-sm addOrderHourTable addOrderHourTableRoom">
        <tbody>
            <tr class="addOrderHourRoomTr">
                <td class="col-xs-4 col-without-padding">
                    <div class="time-select-container">
                        <a data-toggle="dropdown" class="without-min-width btn text-sm editOrderHourRoomCheckIn" data-value="" href="javascript:void(0);"><span class="iconfont icon-calendar"></span>&nbsp;<span class="info"></span>&nbsp;C/I</a>
                        <div class="time-container hidden">
                            <div id="_contents" >
                                <div class="inlineBlock">h:</div>
                                <div class="dropdown inlineBlock dropdown_hour">
                                    <ul class="dropdown-menu dropdown-menu-left"></ul>
                                    <a data-toggle="dropdown" class="" data-value="" href="javascript:void(0);"><span class="info"></span></a>
                                </div>  
                                <div class="inlineBlock">m:</div>    
                                <div class="dropdown inlineBlock dropdown_minute">
                                    <ul class="dropdown-menu dropdown-menu-left "></ul>
                                    <a data-toggle="dropdown" class="" data-value="" href="javascript:void(0);"><span class="info">00</span></a>
                                </div>                       
                                <input type="button" class="select_time" value="OK">
                                <input type="button" class="clear_time" value="Cancel">               
                            </div>
                        </div>              
                    </div>
                    <!--<div class="dropdown">
                        <ul class="dropdown-menu dropdown-menu-left editOrderHourRoomCheckInMenu">
                        </ul>
                        <a data-toggle="dropdown" class="without-min-width btn text-sm editOrderHourRoomCheckIn" data-value="" href="javascript:void(0);"><span class="iconfont icon-calendar"></span>&nbsp;<span class="info"></span>&nbsp;C/I</a>
                    </div>-->
                </td>
                <td class="col-xs-4 col-without-padding">
                    <div id="room-switch" class="dropdown">
                        <ul class="dropdown-menu dropdown-menu-left editOrderHourRoomIdMenu">
                            <volist name="hourRooms" id="hour">
                                <li data-value="{$hour.roominfo_id}"><a href="javascript:void(0);">{$hour.roomname}</a></li>
                            </volist>
                        </ul>
                        <a data-toggle="dropdown" class="without-min-width btn text-sm editOrderHourRoomId" data-value="{$rooms[0]['room'][0]['id']}" href="javascript:void(0);"><span class="iconfont icon-home"></span>&nbsp;<span class="info">{$rooms[0]['room'][0]['name']}</span></a>
                    </div>
                </td>
                <td id="hours" class="col-xs-2 col-without-padding">
                    <div class="dropdown  hours">
                        <ul class="dropdown-menu dropdown-menu-left addOrderRoomHourMenu">
                            <li data-value="2"><a href="javascript:void(0);">2 hours</a></li>
                            <li data-value="4"><a href="javascript:void(0);">4 hours</a></li>
                            <li data-value="6"><a href="javascript:void(0);">6 hours</a></li>
                        </ul>
                        <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderHourRoom" data-value="" href="javascript:void(0);"><span class="iconfont icon-time"></span>&nbsp;<span class="realLive"></span><span class="info">2 hours</span></a>
                    </div>
                </td>
                <td class="col-xs-4 col-without-padding">
                    <div class="has-icon-right">
                        <input type="text" data-tip-object="#editOrderConfirm" class="form-control addOrderHourPrice" autocomplete="off" placeholder="{$hotelDefaultSymbol}0.00" value="" />
                        <span class="iconfont icon-minus priceRemove"></span>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</script>
<script type="text/html" id="templateEditOrderHourReceive">
    <tr class="addOrderHourReceiveTr">
        <td class="col-xs-3 col-without-padding">
            <div class="dropdown">
                <ul class="dropdown-menu dropdown-menu-left addOrderHourReceiveIsDepositMenu">
                    <li class="active" data-value="0"><a href="javascript:void(0);">Add receipt</a></li>
                    <li data-value="1"><a href="javascript:void(0);">Add a deposit</a></li>
                    <li class="other-expense-btn"><a data-value="10" href="javascript:void(0);">Consumption</a>
                        <div class="other-expense-content hidden">
                            <volist name="otherCost" id="cost">
                                <if condition="$i eq 1">
                                    <div class="list active" data-cost="{$cost.id}">{$cost.name}</div>
                                    <else/>
                                    <div class="list" data-cost="{$cost.id}">{$cost.name}</div>
                                </if>
                            </volist>
                        </div>
                    </li>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderHourReceiveIsDeposit" data-value="0" href="javascript:void(0);"><span class="iconfont icon-cny"></span>&nbsp;<span class="info">Add receipt</span></a>
            </div>
        </td>
        <td class="col-xs-3 col-without-padding">
            <div class="dropdown">
                <ul class="dropdown-menu dropdown-menu-left addOrderHourReceiveTypeMenu">
                    <volist name="hotelpay" id="pay">
                        <if condition="$key eq 0">
                            <li class="active" data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                            <else/>
                            <li data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                        </if>
                    </volist>
                    <li class="order-agency-receipt hidden" data-value="0"><a href="javascript:void(0);">Receivable</a></li>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderHourReceiveType" data-value="{$hotelpay[0]['id']}" href="javascript:void(0);"><span class="iconfont icon-tags"></span>&nbsp;<span class="info">{$hotelpay[0]['name']}</span></a>
            </div>
        </td>
        <td class="col-xs-3 col-without-padding">
            <div class="dropdown">
                <ul class="dropdown-menu dropdown-menu-left addMultiCurrencyMenu">
                    <volist name="currencyInfo" id="currency">
                        <if condition="$currency['type'] eq 1">
                            <li class="active" data-value="{$currency.id}"><a href="javascript:void(0);">({$currency.standsymbol}) {$currency.name} . {$currency.symbol}</a></li>
                            <else/>
                            <li data-value="{$currency.id}"><a href="javascript:void(0);">({$currency.standsymbol}) {$currency.name} . {$currency.symbol}</a></li>
                        </if>
                    </volist>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addMultiCurrencyHourType" data-value="{$currencyDefaultInfo.id}" href="javascript:void(0);"><span class="info">({$currencyDefaultInfo.standsymbol}) {$currencyDefaultInfo.name} . {$currencyDefaultInfo.symbol}</span><span class="icon-dropdown"></span></a>
            </div>               
        </td>     
        <td class="col-xs-3 col-without-padding">
            <div class="has-icon-right">
                <input type="text" data-tip-object="#editOrderHourConfirm" class="form-control addOrderHourReceive" autocomplete="off" placeholder="{$hotelDefaultSymbol}0.00" value="" />
                <span class="iconfont icon-minus receiveRemove"></span>
            </div>
        </td>
    </tr>
</script>
<script type="text/html" id="templateLongEditOrderRoom">
    <table class="table text-sm addOrderLongTable addOrderLongTableRoom">
        <tbody>
            <tr class="addOrderLongRoomTr">
                <td class="col-xs-4 col-without-padding">
                    <div class="dropdown">
                        <ul class="dropdown-menu dropdown-menu-left editOrderLongRoomCheckInMenu">
                        </ul>
                        <a data-toggle="dropdown" class="without-min-width btn text-sm editOrderLongRoomCheckIn" data-value="" href="javascript:void(0);"><span class="iconfont icon-calendar"></span>&nbsp;<span class="info"></span>&nbsp;C/I</a>
                    </div>
                </td>
                <td class="col-xs-4 col-without-padding">
                    <div id="room-switch" class="dropdown">
                        <ul class="dropdown-menu dropdown-menu-left editOrderLongRoomIdMenu">
                            <volist name="longRooms" id="long">
                                <li data-value="{$long.roominfo_id}"><a href="javascript:void(0);">{$long.roomname}</a></li>
                            </volist>
                        </ul>
                        <a data-toggle="dropdown" class="without-min-width btn text-sm editOrderLongRoomId" data-value="{$rooms[0]['room'][0]['id']}" href="javascript:void(0);"><span class="iconfont icon-home"></span>&nbsp;<span class="info">{$rooms[0]['room'][0]['name']}</span></a>
                    </div>
                </td>
                <td id="month" class="col-xs-2 col-without-padding">
                    <div class="dropdown  months">
                        <ul class="dropdown-menu dropdown-menu-left addOrderRoomLongMenu">
                            <li data-value="1" class="active"><a href="javascript:void(0);">1months</a></li>
                            <li data-value="2"><a href="javascript:void(0);">2months</a></li>
                            <li data-value="3"><a href="javascript:void(0);">3months</a></li>
                            <li data-value="4"><a href="javascript:void(0);">4months</a></li>
                            <li data-value="5"><a href="javascript:void(0);">5months</a></li>
                            <li data-value="6"><a href="javascript:void(0);">6months</a></li>
                            <li data-value="7"><a href="javascript:void(0);">7months</a></li>
                        </ul>
                        <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderRoomLong" data-value="1" href="javascript:void(0);"><span class="iconfont icon-time"></span>&nbsp;<span class="realLive"></span><span class="info">1months</span></a>
                    </div>
                </td>
                <td class="col-xs-4 col-without-padding">
                    <div class="has-icon-right">
                        <input type="text" data-tip-object="#editOrderConfirm" class="form-control addOrderLongPrice" autocomplete="off" placeholder="{$hotelDefaultSymbol}0.00" value="" />
                        <span class="iconfont icon-minus priceRemove"></span>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</script>
<script type="text/html" id="templateEditOrderLongReceive">
    <tr class="addOrderLongReceiveTr">
        <td class="col-xs-3 col-without-padding">
            <div class="dropdown">
                <ul class="dropdown-menu dropdown-menu-left addOrderLongReceiveIsDepositMenu">
                    <li class="active" data-value="0"><a href="javascript:void(0);">Add receipt</a></li>
                    <li data-value="1"><a href="javascript:void(0);">Add a deposit</a></li>
                    <li class="other-expense-btn"><a data-value="10" href="javascript:void(0);">Consumption</a>
                        <div class="other-expense-content hidden">
                            <volist name="otherCost" id="cost">
                                <if condition="$i eq 1">
                                    <div class="list active" data-cost="{$cost.id}">{$cost.name}</div>
                                    <else/>
                                    <div class="list" data-cost="{$cost.id}">{$cost.name}</div>
                                </if>
                            </volist>
                        </div>
                    </li>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderLongReceiveIsDeposit" data-value="0" href="javascript:void(0);"><span class="iconfont icon-cny"></span>&nbsp;<span class="info">Add receipt</span></a>
            </div>
        </td>
        <td class="col-xs-3 col-without-padding">
            <div class="dropdown">
                <ul class="dropdown-menu dropdown-menu-left addOrderLongReceiveTypeMenu">
                    <volist name="hotelpay" id="pay">
                        <if condition="$key eq 0">
                            <li class="active" data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                            <else/>
                            <li data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                        </if>
                    </volist>
                    <li class="order-agency-receipt hidden" data-value="0"><a href="javascript:void(0);">Receivable</a></li>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderLongReceiveType" data-value="{$hotelpay[0]['id']}" href="javascript:void(0);"><span class="iconfont icon-tags"></span>&nbsp;<span class="info">{$hotelpay[0]['name']}</span></a>
            </div>
        </td>
        <td class="col-xs-3 col-without-padding">
            <div class="dropdown">
                <ul class="dropdown-menu dropdown-menu-left addMultiCurrencyMenu">
                    <volist name="currencyInfo" id="currency">
                        <if condition="$currency['type'] eq 1">
                            <li class="active" data-value="{$currency.id}"><a href="javascript:void(0);">({$currency.standsymbol}) {$currency.name} . {$currency.symbol}</a></li>
                            <else/>
                            <li data-value="{$currency.id}"><a href="javascript:void(0);">({$currency.standsymbol}) {$currency.name} . {$currency.symbol}</a></li>
                        </if>
                    </volist>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addMultiCurrencyLongType" data-default="{$currencyDefaultInfo.id}" data-name="({$currencyDefaultInfo.standsymbol}) {$currencyDefaultInfo.name} . {$currencyDefaultInfo.symbol}" data-value="{$currencyDefaultInfo.id}" data-value="{$currencyDefaultInfo.id}" href="javascript:void(0);"><span class="info">({$currencyDefaultInfo.standsymbol}) {$currencyDefaultInfo.name} . {$currencyDefaultInfo.symbol}</span><span class="icon-dropdown"></span></a>
            </div>               
        </td>     
        <td class="col-xs-3 col-without-padding">
            <div class="has-icon-right">
                <input type="text" data-tip-object="#editOrderLongConfirm" class="form-control addOrderLongReceive" autocomplete="off" placeholder="{$hotelDefaultSymbol}0.00" value="" />
                <span class="iconfont icon-minus receiveRemove"></span>
            </div>
        </td>
    </tr>
</script>
<script type="text/html" id="templateCheckInItem">
    <table class="table text-sm addOrderTable">
        <tbody>
            <tr>
                <td colspan="3">
                    <span class="room"></span>(<span class="type"></span>)&nbsp;&nbsp;<span class="text-primary"><span class="startdate"></span>&nbsp;C/I</span>&nbsp;
                        <span class="checkInItem-night hidden">live<span class="night"></span>nights&nbsp;<span class="text-accent"><span class="enddate"></span>&nbsp;C/O</span></span>
                        <span class="checkInItem-hour hidden">live<span class="hour"></span> hours&nbsp;</span>
                    &nbsp;&nbsp;Room rate:{$hotelDefaultSymbol}<span class="pay"></span>
                </td>
            </tr>
        </tbody>
    </table>
</script>
<script type="text/html" id="templateCheckInUserItem">
    <tr class="addOrderUserTr">
        <td>
            <input type="text" data-tip-object="#checkInConfirm" class="form-control checkInOrderUserName" autocomplete="off" placeholder="C/I name" value="" />
        </td>
        <td>
            <include file="en_us:Public:Include_area_code" style=''  />
            <input type="text" data-tip-object="#checkInConfirm"maxlength="11" class="form-control checkInOrderUserMobile" autocomplete="off" placeholder="Phone number" value="" />
        </td>
        <td>
            <input type="text" data-tip-object="#checkInConfirm" class="form-control checkInOrderUserID" autocomplete="off" placeholder="Guest ID" value="" />
        </td>
    </tr>
</script>
<script type="text/html" id="templateOrderRoomActual">
    <div class="order-actual-info row">
        <div class="col-xs-5 col-without-padding"><span class="iconfont icon-user"></span>&nbsp;<span class="username"></span>&nbsp;&nbsp;<span class="room"></span>(<span class="type"></span>)</div>
        <div class="col-xs-5 col-without-padding"><span class="text-primary"><span class="startdate"></span>&nbsp;C/I</span>&nbsp;Live<span class="night"></span>nights&nbsp;<span class="text-accent"><span class="enddate"></span>&nbsp;C/O</span>
        </div>
        <div class="col-xs-2 col-without-padding">{$hotelDefaultSymbol}<span class="pay"></span></div>
    </div>
</script>
<script type="text/html" id="templateOrderPayRecordOther">
    <div class="order-pay-record row">
        <div class="col-xs-4">Payment method:<span class="paytype"></span></div>
        <div class="col-xs-8"><span class="source"></span>:{$hotelDefaultSymbol}<span class="info"></span></div>
    </div>
</script>
<script type="text/html" id="templateOrderPayRecordReceipt">
    <div class="order-pay-record row">
        <div class="col-xs-4">Payment method:<span class="paytype"></span></div>
        <div class="col-xs-8">Receipt:{$hotelDefaultSymbol}<span class="info"></span></div>
    </div>
</script>
<script type="text/html" id="templateOrderPayRecordDeposit">
    <div class="order-pay-record row">
        <div class="col-xs-4">Payment method:<span class="paytype"></span></div>
        <div class="col-xs-8">Deposit:{$hotelDefaultSymbol}<span class="info"></span></div>
    </div>
</script>
<script type="text/html" id="templateOrderRefundRecordReceipt">
    <div class="order-pay-record row">
        <div class="col-xs-4">Payment method:<span class="paytype"></span></div>
        <div class="col-xs-8">Refund:{$hotelDefaultSymbol}<span class="info"></span></div>
    </div>
</script>
<script type="text/html" id="templateOrderRefundRecordDeposit">
    <div class="order-pay-record row">
        <div class="col-xs-4">Payment method:<span class="paytype"></span></div>
        <div class="col-xs-8">The deposit:{$hotelDefaultSymbol}<span class="info"></span></div>
    </div>
</script>
<script type="text/html" id="templateOrderInfoItem">
    <div class="order-info-item row typo-text-black-light">
        <div class="col-xs-6">
            <div class="pull-left">
                <span class="iconfont icon-home"></span>&nbsp;<span class="room"></span><span class="roomPrice">&nbsp;Room rate:<span class="text-accent">{$hotelDefaultSymbol}<span class="price"></span></span></span>
            </div>
        </div>
        <div class="col-xs-6" style="padding-right: 0px;">
            <span class="iconfont icon-calendar"></span>&nbsp;<span class="text-primary"><span class="startdate"></span>&nbsp;C/I</span>&nbsp;<span class="realLive">live</span><span class="night"></span>&nbsp;<span class="text-primary"><span class="enddate"></span>&nbsp;C/O</span>
        </div>
    </div>
</script>
<script type="text/html" id="templateOrderUserItem">
    <div class="col-xs-7">
        <div class="pull-left">
            <span class="iconfont icon-user"></span>&nbsp;<span class="username"></span>&nbsp;<span class="usermobile"></span>
        </div>
        <div class="pull-left" style="white-space:normal;">
            &nbsp;&nbsp;<span class="idcard-authentication authentication"></span>
        </div>
    </div>
    <div class="col-xs-5">
        <div class="pull-right order-status"></div>
    </div>
</script>
<script type="text/html" id="templateOrderPayRefund">
    <tr class="editReceiptRefundTr">
        <td class="col-xs-3 width-medium">
            <div class="receipt-or-refund "></div>
            <div class="dropdown changeOrderReceiveIsDepositMenu hidden">
                <ul class="dropdown-menu dropdown-menu-left receive-content">
                    <li data-value="0"><a href="javascript:void(0);">Receipt</a></li>
                    <li data-value="1"><a href="javascript:void(0);">Deposit</a></li>
                    <li class="other-expense-btn"><a data-value="10" href="javascript:void(0);">Consumption</a>
                        <div class="other-expense-content hidden">
                            <volist name="otherCost" id="cost">
                                <if condition="$i eq 1">
                                    <div class="list active" data-cost="{$cost.id}">{$cost.name}</div>
                                    <else/>
                                    <div class="list" data-cost="{$cost.id}">{$cost.name}</div>
                                </if>
                            </volist>
                        </div>
                    </li>
                </ul>
                <ul class="dropdown-menu dropdown-menu-left retreat-content hidden">
                    <li data-value="2"><a href="javascript:void(0);">Refund</a></li>
                    <li data-value="3"><a href="javascript:void(0);">The deposit</a></li>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm " href="javascript:void(0);"><span class="info"></span><span class="caret"></span></a>                
            </div>
        </td>
        <td class="col-xs-3 width-medium">
            <div class="receiptPayStyle"></div>
            <div class="dropdown changeOrderPayStyleMenu hidden">
                <ul class="dropdown-menu dropdown-menu-left">
                    <volist name="noCardhotelPayData" id="pay">
                        <if condition="$key eq 0">
                            <li data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                            <else/>
                            <li data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                        </if>
                    </volist>
                    <li class="order-agency-receipt hidden" data-value="0"><a href="javascript:void(0);">Receivable</a></li>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm "  href="javascript:void(0);"><span class="info"></span><span class="caret"></span></a>
            </div>
        </td>
        <td class="col-xs-3 width-medium">
            <div class="edit-currency"></div>                  
            <div class="dropdown changeOrderCurrencyMenu hidden">
                <ul class="dropdown-menu dropdown-menu-left">
                    <volist name="currencyInfo" id="currency">
                        <li data-value="{$currency.id}"><a href="javascript:void(0);">{$currency.name}</a></li>
                    </volist>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm" data-default="{$currencyDefaultInfo.id}" data-name="({$currencyDefaultInfo.standsymbol}) {$currencyDefaultInfo.name} . {$currencyDefaultInfo.symbol}" data-value="{$currencyDefaultInfo.id}" data-value="{$currencyDefaultInfo.id}" href="javascript:void(0);"><span class="changeOrderCurrencyMenuStyles info"></span><span class="caret"></span></a>
            </div>
        </td>       
        <td class="col-xs-3 width-medium">
            <div class="refund-receipt"></div>
            <input type="text" data-tip-object="#editOrderConfirm" class="form-control receipt-edit-operation hidden" id=""  />
        </td>
        <td class="col-xs-3 width-medium">
            <div class="refund-receipt-operation text-accent">Edit</div>
            <div class="affirm-operation hidden">Confirm</div>
        </td>
    </tr>       
    <!--<div class="vertical-bottom ">Payment method:<span class="receiptPayStyle"></span>&nbsp;&nbsp;<span class="text-accent"><span class="receipt-or-refund"></span>:{$hotelDefaultSymbol}<span class="refund-receipt"></span></span></div>-->              
</script> 

<script type="text/html" id="templatePrintDetail">
    <div class="printPage" style="width: 128pt;font-size: 6pt;font-family: Arial,Microsoft YaHei,SimSun,sans-serif;overflow:hidden;">
        <div class="print-title" style="font-weight:600;font-size: 8pt;line-height:1.4;text-align: center;white-space: nowrap;overflow: hidden;"></div>
        <div style="text-align:center; height:60pt; margin-top:2pt; margin-bottom:2pt;">
            <img class="print-detail-key" src="" style="width:60pt; height:60pt;" />
        </div>
        <div style="overflow:hidden;">
            <div class="print-detail-room" style="float:left; width:64pt; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;" data-prefix="Room number:"></div>
            <div class="print-detail-start" style="width:auto; margin-left:64pt; text-align:right;" data-prefix="C/I:"></div>
        </div>
        <div style="overflow:hidden;">
            <div class="print-detail-name" style="float:left; width:64pt; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;" data-prefix="Name:"></div>
            <div class="print-detail-end" style="width:auto; margin-left:64pt; text-align:right;" data-prefix="C/O:"></div>
        </div> 
        <div class="print-detail-deposit" style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 600;" data-prefix="Deposit:"></div>
        <div class="print-detail-remark" data-prefix="Remark:"></div>
        <div class="print-detail-hint-1" style="text-align: center;white-space: nowrap;overflow: hidden;"></div>
        <div class="print-detail-hint-2" style="text-align: center;white-space: nowrap;overflow: hidden;"></div>
        <div style="text-align: center;height: 18pt;overflow:hidden;border: 0.4pt solid #000000;">
            <div style="float:left;font-weight: 600;height:18pt;width:36pt;text-align:center;color: #000000;line-height:18pt;font-size:8pt;border-right: 0.4pt solid #000000;">QRInn</div>
            <div style="width: auto;margin-left: 36pt;text-align:center;">
                <div style="font-style:italic;font-weight: 600;font-size:8pt; height: 10pt;line-height: 10pt;margin-top:1pt;">Better live</div>
                <div style="height: 7pt;line-height: 7pt;">www.meizhuyun.com</div>
            </div>
        </div>
    </div>
</script>
<script type="text/html" id="templatePrintOrderInfo_X58">
    <div class="printOrderInfo x58" style="width: 135pt;padding: 0;margin: 0;line-height: 14px; font-size: 9px; font-family: Arial,Microsoft YaHei,SimSun,sans-serif; overflow:hidden;">
        <div>
            <div class="title" style="text-align:center; font-weight:600;font-size:8pt;"></div>
            <div class="orderUser" style="position: relative;border-bottom:1px dashed #000 ;border-top:1px dashed #000 ;padding-bottom: 5px;margin-top: 5px;">
                <p style="margin:3pt 0 0 0pt;" class="user_name">Guest name:<span></span></p>
                <p style="margin:3pt 0 0 0pt;" class="user_mobile" style="display:none">Phone number:<span></span></p>
                <p style="margin:3pt 0 0 0pt;" class="user_identity" style="display:none;">License:<span></span></p>
            </div>
                <p style="margin:3pt 0 0 0pt;overflow: hidden;">
                    <span style="margin-right:12pt;display: block;float: left;width: 24pt;word-wrap:break-word;word-break:break-all; overflow: hidden;">Room number</span>
                    <span style="margin-right:4pt;display: block;float: left;width:40pt;word-wrap:break-word;word-break:break-all; overflow: hidden;">C/I time</span>
                    <span style="margin-right:12pt;display: block;float: left;width: 18pt;word-wrap:break-word;word-break:break-all; overflow: hidden;">Duration</span>
                    <span style="display: block;float: left;width: 23pt;word-wrap:break-word;word-break:break-all; overflow: hidden;">Money</span>
                </p>  
            <div class="rooms" style="border-bottom:1px dashed #000 ;padding-bottom: 5px;line-height: 12px;" >
                <p style="margin:3pt 0 0 0pt;height: 24px;text-align: center;">
                    <span class="room_name" style="display: block;float: left;margin-right:7pt;text-align: left;height: 24px;width: 24pt;word-wrap:break-word;word-break:break-all; overflow: hidden;"></span>
                    <span class="room_date" style="display: block;float: left;margin-right:7pt;height: 24px;width: 40pt;word-wrap:break-word;word-break:break-all; overflow: hidden;"></span>
                    <span class="room_night" style="display: block;float: left;margin-right:7pt;height: 24px;width: 18pt;word-wrap:break-word;word-break:break-all; overflow: hidden;"></span>
                    <span class="room_price" style="display: block;float: left;height: 24px;width: 30pt;word-wrap:break-word;word-break:break-all; overflow: hidden;"></span>
                </p>
            </div>
            <div class="orderPay" style="margin:3pt 0 0 0pt;">
                <div style="overflow: hidden;width: 158pt;">
                    <span class="pay_money"><em style="font-style: normal;float: left;color: #333;">Order amount</em><span style="display: block;float: right;margin-right: 28pt;"></span></span>
                </div>
                <div style="overflow: hidden;width: 158pt;">
                    <span class="other_pay_money"><em style="font-style: normal;float: left;color: #333;">Consumption</em><span style="display: block;float: right;margin-right: 28pt;"></span></span>
                </div>
                <div style="overflow: hidden;width: 158pt;">
                    <span class="pay_discount"><em style="font-style: normal;float: left;color: #333;">VIP</em><span style="display: block;float: right;margin-right: 28pt;"></span></span>
                </div>
                <div style="overflow: hidden;width: 158pt;">
                    <span ><em style="font-style: normal;float: left;color: #333;">Pay</em><span style="display: block;float: right;margin-right: 28pt;"></span></span>
                </div> 
                <div class="pay-html">
                    <div style="overflow: hidden;width: 158pt;">
                        <span><em style="font-style: normal;float: left;color: #333;" class="orderReceive"></em><span style="display: block;float: right;margin-right: 28pt;" class="payment"></span></span>
                    </div>             	
                </div>
                <div class="refund-html">
                    <div style="overflow: hidden;width: 158pt;">
                        <span><em style="font-style: normal;float: left;color: #333;" class="orderRefund"></em><span style="display: block;float: right;margin-right: 28pt;" class="refundment"></span></span>
                    </div>           
                </div>
            </div>            
            <div class="remark" style="margin:3pt 0 0 0pt;">Remark:<span></span></div>
            <div class="tips1" style="display:none;margin:3pt 0 0 0pt;"></div>
            <div class="tips2" style="display:none;margin:3pt 0 0 0pt;"></div>        	
        </div>

    </div>
</script>

<script type="text/html" id="templatePrintOrderInfo_A4">
    <div class="printOrderInfo a4" style="width: 540pt;position: relative; height: 800pt; margin:24pt 10pt; font-size: 12pt; font-family: Arial,Microsoft YaHei,SimSun,sans-serif; overflow:hidden;position: relative;">
        <div class="title" style="text-align:center; font-weight:600; font-size: 16pt; line-height:36pt;"></div>
        <div style="margin: 0;margin-top:20pt;padding: 0;width:100%;font-size: 13pt;font-weight:500 ;color:#1e2629;">Customer Information</div>
        <div class="orderUser" style="overflow:hidden;width:100%;padding-bottom: 16pt;margin-top:8pt;border-bottom: 1pt solid #c4d3d4;">
            <p class="user_name" style="width:25%;float:left;margin: 0;padding: 0;color: #4f646a;">Guest name:<span style="color:#1e2629 ;"></span></p>
            <p class="user_mobile" style="display:none;width:35%;float:left;margin: 0;padding: 0;color: #4f646a;">Phone:<span style="color:#1e2629 ;"></span></p>
            <p class="user_identity" style="display:none;width:40%;float:left;margin: 0;padding: 0;color: #4f646a;">ID card:<span style="color:#1e2629 ;"></span></p>
        </div>
        <div style="padding: 0;width:100%;margin: 0;font-size: 13pt;font-weight:500 ;margin-top: 16pt;color:#1e2629;">Order Information</div>
        <table  class="table"  style="width: 100%;margin-left:-1px;margin-top: 14pt;margin-bottom:8pt;text-align: center; border-top: 1pt solid #c4d3d4;border-left: 1pt solid #c4d3d4;" cellspacing="0" cellpadding="0">
            <thead>
                <tr>
                    <td style="border-bottom: 1pt solid #c4d3d4;border-right: 1pt solid #c4d3d4;padding: 4px 0;color: #4f646a;">Room</td>
                    <td style="border-bottom: 1pt solid #c4d3d4;border-right: 1pt solid #c4d3d4;padding: 4px 0;color: #4f646a;" class="data-word">Date</td>
                    <td style="border-bottom: 1pt solid #c4d3d4;border-right: 1pt solid #c4d3d4;padding: 4px 0;color: #4f646a;">Time</td>
                    <td style="border-bottom: 1pt solid #c4d3d4;border-right: 1pt solid #c4d3d4;padding: 4px 0;color: #4f646a;">Money</td>
                </tr>
            </thead>
            <tbody class=" rooms">
                <tr>
                    <td style="width: 20%;border-bottom: 1pt solid #c4d3d4;border-right: 1pt solid #c4d3d4;padding: 4px 0;">
                        <div class="room_name"></div>
                    </td>
                    <td style="width: 50%;border-bottom: 1pt solid #c4d3d4;border-right: 1pt solid #c4d3d4;padding: 4px 0;">
                        <div class="room_date"></div>
                    </td>
                    <td style="width: 15%;border-bottom: 1pt solid #c4d3d4;border-right: 1pt solid #c4d3d4;padding: 4px 0;">
                        <div class="room_night"></div>
                    </td>
                    <td style="width: 15%;border-bottom: 1pt solid #c4d3d4;border-right: 1pt solid #c4d3d4;padding: 4px 0;">
                        <div class="room_price"></div>
                    </td>
                </tr>
            </tbody>
        </table>        	
        <div class="orderPay" style="margin-bottom: 16pt;">
            <span class="pay_money" style="color: #4f646a;">Order amount:<span style="color:#1e2629 ;"></span></span>
            <span class="other_pay_money" style="color: #4f646a;margin-left:40pt;">Consumption:<span style="color:#1e2629 ;"></span></span>
            <span class="pay_discount" style="margin-left:40pt;color: #4f646a;">VIP price:<span style="color:#1e2629 ;"></span></span>
        </div>
        <div style="margin-top:20pt;padding: 0;padding-top:16pt;width:100%;margin: 0;font-size: 13pt;font-weight:500 ;margin-bottom:8pt;border-top: 1pt solid #c4d3d4;color:#1e2629;">Receipt Schedule</div>
        <div style="overflow: hidden;width: 100%;margin-top: 8pt;border-bottom: 1pt solid #c4d3d4;padding-bottom: 16pt;">
        	<div style="float: left;margin-right: 12pt;"><span class="pay_receipt" style="color: #4f646a;">Amount received:<span style="color:#1e2629 ;"></span></span></div>
            <div style="float: left;color: #4f646a;" class="pay_receipt_box"></div>
            <div style="float: left;color: #4f646a;" class="pay_receipt_box_much"></div>  
            <div style="float: right;color: #4f646a;" class="pay_deposit_box_much"></div>          
            <div style="float: right;color: #4f646a;" class="pay_deposit_box"></div>  
            <div style="float: right;color: #4f646a;margin-right: 12pt;"><span class="pay_deposit" style="color: #4f646a;">Deposit:<span style="color:#1e2629 ;"></span></span></div>
        </div>
        
        <div class="refund-box" style="display: none;">
            <div style="margin-top:20pt;padding: 0;padding-top:16pt;width:100%;margin: 0;font-size: 13pt;font-weight:500 ;margin-bottom:8pt;color:#1e2629;">Refund Schedule</div>
            <div style="overflow: hidden;width: 100%;margin-top: 8pt;border-bottom: 1pt solid #c4d3d4;padding-bottom: 16pt;">
                <div style="float: left;margin-right: 12pt;"><span class="refund_receipt" style="color: #4f646a;">Retired amount:<span style="color:#1e2629 ;"></span></span></div>
                <div style="float: left;color: #4f646a;" class="refund_receipt_box"></div>
                <div style="float: left;color: #4f646a;" class="refund_receipt_box_much"></div>  
                <div style="float: right;color: #4f646a;" class="refund_deposit_box_much"></div>          
                <div style="float: right;color: #4f646a;" class="refund_deposit_box"></div>  
                <div style="float: right;color: #4f646a;margin-right: 12pt;"><span class="refund_deposit" style="color: #4f646a;">Retired deposit:<span style="color:#1e2629 ;"></span></span></div>
            </div>         	
        </div>
        <div  style="padding-top:12pt;"><span></span></div>
        <div class="remark" style="margin: 0;padding: 0;padding-top:8pt;width:100%;font-size: 13pt;font-weight:500 ;color:#1e2629;">Remark:<span style="color:#1e2629 ;font-size:12pt ;font-weight: normal;"></span></div>
        <div style="padding-top:16pt;margin-bottom:16pt;position: relative;">
            <div class="tips1" style="margin-bottom:8pt;display: none;"></div>
            <div class="tips2" style="display: none;"></div>
        </div>
        <div style="text-align: right;position: absolute;right:150pt;width: 100%;bottom:150pt;">Signature:</div>
        <div class="print_time" style="text-align:center; font-size:10pt;color: #4f646a;position: absolute;left:0;width: 100%;bottom:10pt;" ></div>
    </div>
</script>